<template>
    <div>
        <el-container>
            <el-aside width="200px">
<!-- 左边菜单 -->
                <el-row >
                    <el-col :span="22">
                        <el-menu
                        default-active="2"
                        class="el-menu-vertical-demo"
                        router
                        @open="handleOpen"
                        @close="handleClose">
                        <el-submenu index="1">
                            <template slot="title">
                            <i class="el-icon-user-solid"></i>
                            <span>账户管理</span>
                            </template>
                            <el-menu-item-group>
                            <el-menu-item index="/changePassword" @click="setSession">
                                安全设置
                            </el-menu-item>
                             <el-menu-item index="/userInfo" @click="setSession">
                                完善用户信息
                            </el-menu-item>
                            <el-menu-item index="/userIndex">实名认证
                            </el-menu-item>
                            <el-menu-item index="/userExpent">消费记录
                            </el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="2">
                            <template slot="title">
                            <i class="el-icon-s-goods"></i>
                            <span>我的钱包</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="/userbalance">
                                    我的余额
                                </el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                
                        <el-submenu index="3">
                            <template slot="title">
                            <i class="el-icon-loading"></i>
                            <span>信用积分</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="/UserCredit">
                                    我的信用 
                                </el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="4">
                            <template slot="title">
                            <i class="el-icon-place"></i>
                            <span>我是商家</span>
                            </template>
                            <el-menu-item-group>
                                 <el-menu-item index="/usercommitcarport">
                                    上架车位
                                </el-menu-item>
                                 <el-menu-item index="/usercarport">
                                    我的车位
                                </el-menu-item>
                                <el-menu-item index="/userearnings">
                                    <span>我的收益</span>
                                </el-menu-item>     
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="5">
                            <template slot="title">
                            <i class="el-icon-place"></i>
                            <span>我是租客</span>
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="/userapp/userrenter">
                                   成为租客
                                </el-menu-item>
                                <el-menu-item index="/usercar">
                                   我的车辆
                                </el-menu-item>
                                <el-menu-item index="/userapp/myParking">
                                    我的临时车位信息
                                </el-menu-item>
                                <el-menu-item index="/order">
                                    我的订单
                                </el-menu-item>
                                
                            </el-menu-item-group>
                        </el-submenu>
                        <el-submenu index="6">
                            <template slot="title">
                            <i class="el-icon-place"></i>
                            <el-badge :value="12" class="item">
                                <span>我的消息</span>
                            </el-badge>
                            
                            </template>
                            <el-menu-item-group>
                                <el-menu-item index="/SystemMassage">
                                    <el-badge :value="6" class="item">
                                        系统消息
                                    </el-badge>
                                </el-menu-item>
                                <el-menu-item index="/websocked">
                                    <el-badge :value="6" class="item">
                                        用户消息
                                    </el-badge>
                                </el-menu-item>
                                
                            </el-menu-item-group>
                        </el-submenu>
                        </el-menu>
                    </el-col>
                </el-row>

            </el-aside>
            <el-container>
                <el-header>个人中心</el-header>
                <el-main>
                    <router-view/>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
export default {
    name:"userIndex",
    methods:{
         handleOpen(key, keyPath) {
            console.log(key, keyPath);
        },
        handleClose(key, keyPath) {
            console.log(key, keyPath);
        },
        setSession(){
            console.log("设置session")
            sessionStorage.setItem("next","1")
        }
    }
}
</script>

